import React ,{memo, useMemo, useState}from 'react'
// memo也可以包裹函数 也可以是箭头函数
// 这个hook作用是让传入的数是和之前一样的 注意子组件要用memo包裹 并且注意的是对复杂数据类型才有效
// 还有一种情况是自己组件内为了避免复杂的重复运算
const Page61=memo(function page6(props) {
  console.log('子组件重新了渲染');
  return (
    <div>
      <h2>{props.data.dag}</h2>
    </div>
  )
})

export default function Page6() {
  const [count,setCount]=useState(0)
  const iuu=()=>{
    setCount(count+1)
  }
  const ii=useMemo(()=>{
    return {dag:7}
  })
  return (
    <div>
      <h2>useMemo的使用</h2>
      <div>{count}</div>
      <Page61 data={ii()}></Page61>
      <button onClick={iuu}>+1</button>
    </div>
  )
}
